/* pages/my/my.wxss */
.header{
    background:#fff;
    box-shadow:0 0 15rpx 0 #f1f1f1;
  }
  .my{
    width:690rpx;
    display:flex;
    margin:0 auto;
    padding:30rpx 0;
  }
  .my .name{
    flex:1;
  }
  .my  .login{
    font-size:21pt;
    font-weight:bold;
  }
  .my  .label{
    font-size:11pt;
    color:#8a8a8a;
  }
  .my .face{
    width:140rpx;
    height:140rpx;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 10rpx 0 #f1f1f1;
  }
  .my .face .pic{
    width:130rpx;
    height:130rpx;
    margin:5rpx;
    border-radius:50%;
  }
  .info{
    width:36rpx;
    background:url(https://www.hugetower.cn/right.png) no-repeat center center;
    background-size:18rpx 18rpx;
  }
  
  .header .card{
    width:690rpx;
    margin:30rpx auto;
    padding:30rpx 0;
    display:flex;
    font-size:9pt;
    color:#515151;
    justify-content:space-between;
  }
  .header .card > view{
    flex:1;
    text-align:center;
    /* background:red; */
  }
  .header .card image{
    width:60rpx;
    height:60rpx;
  }
  
  .tools{
    padding:0 30rpx;
    color:#707070;
  }
  .tools .item{
     font-weight:bold;
     height:100rpx;
     line-height:100rpx;
     border-bottom:1rpx solid #e6e6e6;
     background:url(https://wellchoosen.com/hxImg/right.svg) no-repeat center right;
     background-size:30rpx 30rpx;
  }
  
  button{
    background:rgba(255,255,155,0);
    display:inline;
    padding:0;
  }